html { background: #F2F2F7; }
a:active { text-decoration: none; }

/*top*/
.z_tBanner { height: 1.173333rem; background: #FF3344; }
.z_tBanner .logo { width: 2.906667rem; height: 0.64rem; display: inline-block; float: left; margin: 0.266667rem 0.48rem; }
.z_tBanner .logo img { width: 100%; height: 100%; }
.z_login { width: 0.64rem; height: 0.64rem; float: right; display: inline-block; margin: 0.266667rem; }
.z_login a,.z_login a img { width: 0.64rem; height: 0.64rem; display: block; }
.menuIcon { width: 0.64rem; height: 0.64rem; display: inline-block; float: right; margin: 0.266667rem 0.32rem 0.266667rem 0.266667rem; position: relative; }
.menuIcon img { width: 100%; }
.gochannels { width: 0.64rem; height: 0.64rem; display: inline-block; background: url(../images/nav_menu.png) no-repeat; background-size: 100%; position: absolute; -webkit-transition: .5s; transition: .5s; right: 0; }
.gochannels.on { -webkit-transform: rotateZ(-180deg); transform: rotateZ(-180deg); transform-origin: center center; }
.y_lucency { width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; top: 1.173333rem; display: none; z-index: 300; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*menu*/
.z_menuOpen { width: 100%; background: #fff; position: absolute; top: 1.173333rem; z-index: 301;padding-bottom:0.533333rem; display: none; }
.z_menuOpen ul { overflow: hidden; padding: 0 0.233333rem; }
.z_menuOpen ul li { width: 25%; float: left; text-align: center;margin-bottom:0.213333rem; }
.z_menuOpen ul li img { display: block; width: 1.44rem; height: 1.44rem; margin: 0.533333rem auto 0.213333rem; }
.z_menuOpen ul li a { color: #999; font-size: 0.32rem; }

/*banner*/
.z_banner { width: 100%; height: 4rem;margin-top:-0.026667rem; }
.bannerBg { width: 100%; height: 2.533333rem; background:url(../images/banner_bg.png) no-repeat;display: block; position: absolute; }

/* 焦点图 */
.swiper-container { width: 100%; height: 3.733333rem; position: relative; overflow: hidden; z-index: 1; }
.z_banner .swiper-container { top: 0.266667rem; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-slide { text-align: center; font-size: 18px; width: 9.04rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide a, .swiper-slide img { width: 100%; height: 100%; display: block; border-radius: 0.16rem }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullet { width: 0.266667rem; height: 0.08rem; display: inline-block; background: #000; opacity: .2; }
.swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

/*news*/
.z_naba { background: #fff; margin: 0.266667rem; border-radius: 0.16rem; overflow: hidden; }
.z_naba i { width: 0.426667rem; height: 0.426667rem; display: inline-block; margin: 0.373333rem 0.213333rem; float: left; }
.z_naba i img { width: 100%; height: 100%; display: inline-block; }
.z_naba span { color: #E61717; font-size: 0.346667rem; width: 2.666667rem; display: inline-block; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#announcement { width: 8.4rem; display: inline-block; float: right; height: 1.173333rem; vertical-align: top; }
#announcement .swiper-slide { width: 8.4rem; text-align: left; }
#announcement a { color: #999; text-decoration: none; display: block; font-size: 0.346667rem; height: 1.173333rem; line-height: 1.173333rem; overflow: hidden; padding-right: 0.373333rem; }
.newsLinks { width: 5.786667rem; float: right; height: 0.48rem; line-height: 0.48rem; overflow: hidden; }
.newsLinks a { color: #999; display: block; }

/*list*/
.z_con { background: #fff; border-radius: 0.16rem; margin: 0 0.266667rem; }
.z_icon_list { border-bottom: #F2F2F7 0.026667rem solid; overflow: hidden; }
.z_icon_list:last-child { border-bottom: none; }
.z_icon_list li { width: 33%; float: left; text-align: center; }
.z_icon_list li i { display: block; width: 1.44rem; height: 1.44rem; margin: 0.48rem auto 0.213333rem; }
.z_icon_list li i img { width: 100%; height: 100%; display: block; }
.z_icon_list li span { display: block; font-size: 0.426667rem; color: #333; }
.z_icon_list li p { display: block; font-size: 0.32rem; color: #999; margin-top: 0.098rem; margin-bottom: 0.48rem; }

/*footer*/
.z_footer { text-align: center; margin-bottom: 0.853333rem; }
.z_footer .z_ban { font-size: 0.373333rem; color: #999; margin: 0.64rem 0 0.266667rem; }
.z_footer .z_ban a { margin: 0 0.16rem; color: #666; }
.z_footer p { font-size: 0.32rem; color: #999; margin-bottom: 0.133333rem; }